<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../css/mobile_reset.css">
    <link rel="stylesheet" href="../../css/login.css">
    <link rel="stylesheet" href="../../css/mui.css ">
    <title>试客吧招商--登录页面</title>
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
    <div class="logo">
        <p><img src="../../images/logo.png" alt=""></p>
    </div>
    <div class="login_box">
        <p class="phone">
            <img src="../../images/login_icon_accounts_default.png" alt="">
            <input type="text" placeholder="请输入账号/手机号">
        </p>
        <p class="password">
            <img src="../../images/login_icon_password_default.png" alt="">
            <span class="mui-input-row mui-password"><input type="password"  class="mui-input-password" placeholder="请输入密码"></span>
        </p>
        <p class="login">
            <a href="../../index.html">
            <img src="../../images/login_button_login_default.png" alt="">
            </a>
        </p>
        <p class="last">
            <span>立即登录</span>
            <b>|</b>
            <span>新用户注册</span>
        </p>
    </div>
    <p class="error_hind"><span class="error">请输入8位以上正确密码</span></p>
    <!--快捷登录-->
    <div class="shortcut_login">
        <h1><b></b><span>快捷登录</span><b></b></h1>
        <!--登录方式-->
        <div class="login_way">
            <span><img src="../../images/login_icon_wechat_default.png" alt=""></span>
            <span><img src="../../images/login_icon_qq_default.png" alt=""></span>
        </div>
    </div>
    <script src="../../js/mui.js "></script>
</body>
</html>













